<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">


    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmCargo')}"/>
    </f:metadata>

    <ui:composition template="./../../../template.xhtml">
        <ui:define name="main_content">
            <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                <ui:param name="toolBarWidth" value="750"/>
                <ui:param name="toolBarTitleWidth" value="700"/>
                <ui:param name="title" value="Cargo"/>
            </ui:include>

            <div align="left" >
                <p:panel header="Informaci&oacute;n de Cargo" style="width: 750px"  >
                    <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                    <h:form id="cargo" style="width: inherit" >
                        <h:panelGrid id="pCargo" columns="2" >
                            <h:outputLabel value="Area" />
                            <h:selectOneMenu value="#{cargoManaged.selectedCargo.codigo_a}" style="width: 310px">
                                <f:selectItems value="#{cargoManaged.areas}" var="cmbArea" itemLabel="#{cmbArea.nombre}" itemValue="#{cmbArea.codigo}" />
                            </h:selectOneMenu>
                            <h:outputLabel value="Cargo de Trabajo: "/>
                            <p:inputText id="txtArea" value="#{cargoManaged.selectedCargo.nombre_c}" style="width: 300px"/>
                        </h:panelGrid>

                        <div align="center">
                            <h:panelGrid id="cmdButtones" columns="2" cellpadding="5" style="width:inherit">
                                <p:commandButton value="#{sms.guardar}" onclick="cmdConfirm.show()" image="ui-icon ui-icon-check"/>
                                <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="cargo:pCargo grid:table"/>
                                <p:confirmDialog message="#{sms.iAlmacenada}" header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirm">
                                    <p:commandButton value="Si" actionListener="#{cargoManaged.CargoMantenimiento}" update="grid:table cargo:pCargo mensaje" oncomplete="cmdConfirm.hide()" />
                                    <p:commandButton value="No" onclick="cmdConfirm.hide()" />
                                </p:confirmDialog>
                            </h:panelGrid>
                        </div>
                    </h:form>
                    <br/>
                    <h:form id="grid">
                        <p:panel header="Datos de Cargo" style="width: inherit" >
                            <f:facet name="header">
                                <h:outputText value="Datos de Cargo "/>
                                <p:commandButton image="ui-icon ui-icon-search" actionListener="#{cargoManaged.fillGrid}" title="Buscar Cargo" update="grid:table mensaje"/>
                            </f:facet>

                            <p:dataTable id="table" value="#{cargoManaged.cargos}" var="row" rows="15" paginator="true"
                                         paginatorPosition="bottom" selectionMode="single" selection="#{cargoManaged.selectedCargo}"
                                         emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="cargo:pCargo"   >
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Cargos"/>
                                </f:facet>
                                <p:column filterBy="#{row.nombre_a}" filterMatchMode="contains" sortBy="#{row.nombre_a}" headerText="&Aacute;rea" >
                                    <h:outputText value="#{row.nombre_a}"/>
                                </p:column>
                                <p:column filterBy="#{row.nombre_c}" filterMatchMode="contains" sortBy="#{row.nombre_c}" headerText="Cargo" >
                                    <h:outputText value="#{row.nombre_c}"/>
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                    </h:form>
                </p:panel>
            </div>
        </ui:define>
    </ui:composition>

</html>
